<template>
	<view>
		<!--公共头部-->
		<view class="head">
			<my-header title="财务管理首页"></my-header>
		</view>
		
		<view class="main-body">
			<view class="dis_flex jus-cen ziti-bai fon-siz-12 mar-bot-5">2021-11-09</view>
			<view><u-gap height="1" bg-color="#fff"></u-gap></view>
			<view class="padding-10">
				<view class="ziti-bai mar-lef-10">周扬 技术部（PHP）</view>
			</view>
			<view class="dis_flex jus-con">
				<view style="width:49%;text-align: center;">
					<view class="padding-20 ziti-bai">待办任务</view>
				</view>
				<view style="width:1px;height:70px;background:#fff;"></view>
				<view style="width:49%;text-align: center;">
					<view class="padding-20 ziti-bai">已办任务</view>
				</view>
			</view>
		</view>
		<view><u-gap height="10" bg-color="#fff"></u-gap></view>
		<view>
			<u-grid :col="3">
				<u-grid-item @click="href('/pages/finance/account/account-home')">
					<u-icon :name="imgurl+'oa-caiwu-zhangben.png'" :size="46"></u-icon>
					<view class="grid-text">账本明细</view>
				</u-grid-item>
				<u-grid-item @click="href('/pages/finance/add/finance-wages')">
					<u-icon :name="imgurl+'oa-caiwu-gongzi.png'" :size="46"></u-icon>
					<view class="grid-text">工资/结算录入-支</view>
				</u-grid-item>
				<u-grid-item @click="href('/pages/finance/add/finance-income')">
					<u-icon :name="imgurl+'oa-caiwu-shouru.png'" :size="46"></u-icon>
					<view class="grid-text">财务录账-收</view>
				</u-grid-item>
				<u-grid-item @click="href('/pages/finance/add/finance-expenditure')">
					<u-icon :name="imgurl+'oa-caiwu-zhichu.png'" :size="46"></u-icon>
					<view class="grid-text">财务录账-支</view>
				</u-grid-item>
				<!-- <u-grid-item @click="jump">
					<u-icon :name="imgurl+'oa-caiwu-zhichu.png'" :size="46"></u-icon>
					<view class="grid-text">新增账本</view>
				</u-grid-item> -->
				<!-- <u-grid-item @click="jump">
					<u-icon :name="imgurl+'oa-caiwu-zhichu.png'" :size="46"></u-icon>
					<view class="grid-text">新增财务项目</view>
				</u-grid-item> -->
				<!-- <u-grid-item @click="jump">
					<u-icon :name="imgurl+'oa-caiwu-zhichu.png'" :size="46"></u-icon>
					<view class="grid-text">新增员工信息</view>
				</u-grid-item> -->
			</u-grid>
		</view>
		
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import myHeader from '@/components/workbench/header.vue';
	export default {
		data() {
			return {
			}
		},
		onLoad() {
			this.load();
			this.load_close();
		},
		methods:{
		},
		components:{
			myHeader
		}
	}
</script>

<style scoped lang="scss">
	.head{
		background:#005687;
	}
	.grid-text {
			font-size: 22rpx;
			margin-top: 10rpx;
			color: $u-type-info;
		}
	.main-body {
		background-color: #005687;
	}
	page{
		height:100%;
	}
</style>
